﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>商品分类管理 - 物流管理系统</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<style media="all" type="text/css">
		@import "../../style/all.css";
		@import "../../style/jquery/ui.all.css";
	</style>
	<style type="text/css">
		#goods-type-list{

		}
		#goods-type-list th{
			text-align:center;
			width:33%;
		}
		#goods-type-list .list td{
			background: #ECECEC;
			height:200px;
			padding:0px;
			text-align:left;
			vertical-align:top;
		}
		#goods-type-list .operate td{
			text-align:right;
			padding-top:0px !important;
			padding-bottom:0px !important;
			padding-left:0px !important;
			padding-right:0px !important;
		}
		#goods-type-list .operate table{
			width:100%;
		}
		#goods-type-list .operate table td{
			border:0px;
		}
		#goods-type-list .operate table .text{
			width:185px;
		}
		#goods-type-list td ul{
			height:100%;
			width:227px;
			list-style-type: none;
			padding:0px;
			margin:0px;
		}
		#goods-type-list td div{
			height:100%;
			overflow: hidden;
			overflow-y: scroll;
		}
		#goods-type-list td ul li span{
			color: #333;
			display:block;
			width: 100%;
			background:#ddd;
			height:18px;
			border:1px solid #ECECEC;
			line-height: 20px;
			padding: 0 0 0 2px;
			cursor: default;
			overflow:hidden;
		}
		#goods-type-list td ul li span img{
			display: none;
			float: right;
		}
		#goods-type-list td ul li span b{
			font-weight : lighter;
		}
		#goods-type-list td ul li span i{
			font-style: normal;
			color:#888;
			display: none;
		}
		#goods-type-list td ul li span input{
			height:14px;
			line-height: 15px;
			width:190px;
			border:1px solid #999;
			margin:1px 0;
		}
		#goods-type-list td ul li span:hover i{
			display:block;
		}
		#goods-type-list td ul li span:hover{
			text-decoration: none;
			min-height:40px;
			background:#f5f5f5;
			cursor: default;
		}
		#goods-type-list td ul li span:hover img{
			display:block;
			cursor: pointer;
		}
		#goods-type-list .list .nonce{
			min-height:40px;
			background:#fff;
		}
		#goods-type-list .list .nonce i{
			display:block;
		}
		#goods-type-list .list .nonce img{
			display:block;
		}
	</style>
    <script type="text/javascript" src="../../script/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="../../script/jquery-ui-personalized-1.6rc6.min.js"></script>
	<script type="text/javascript">
	<!--
		$(function(){
			$("#dialog").dialog({
				autoOpen: false,
				bgiframe: true,
				resizable: false,
				height: 100,
				modal: true,
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				},
				buttons: {
					'取消': function() {
						$(this).dialog('close');
					},
					'确定': function() {
						$(this).dialog('close');
					}
				}
			});
			
			//用户选择项目时的处理方法
			$('#merchandise_subdivision_one span').bind("click",function(){
				var t = $(this);
				$('#merchandise_subdivision_one span').removeClass('nonce');
				t.addClass('nonce');
			});
			//删除按钮的处理方法
			$('#merchandise_subdivision_one .delete').bind("click",function(){
				var t = $(this);
				if(confirm('您确定要删除"'+t.siblings('b').text()+'"类么?')){
					//t.parent().remove();
				}
				//$('#dialog').dialog('open');
			});

			//编辑和保存按钮的处理方法
			$('#merchandise_subdivision_one .edit').toggle(
				function(){
					var t = $(this);
					t.attr('src','../../style/img/save-icon.gif');
					t.attr({'alt':'保存','title':'保存'});
					var name = t.siblings('b');
					var describe = t.siblings('i');
					name.html('<input type="text" value="'+name.text()+'"/>');
					describe.html('<input type="text" value="'+describe.text()+'"/>');
				},
				function(){
					var t = $(this);
					t.attr('src','../../style/img/edit-icon.gif');
					t.attr({'alt':'编辑','title':'编辑'});
					var name = t.siblings('b');
					var describe = t.siblings('i');
					name.html(name.find('input').val());
					describe.html(describe.find('input').val());
				}
			);
		});
	//-->
	</script>
</head>
<body style="background: none">
	<div class="top-bar">
		<!--a href="#" class="button">取 消</a><a href="#" class="button">保 存</a-->
		<h1>商品分类管理</h1>
		<div class="breadcrumbs">
			<a href="../../index.html" target="_top">首页</a> /
			<a href="../index.html" target="_top">配送中心</a> /
            <a href="javascript:{}">商品管理</a>
		</div>
	</div>
	<div class="select-bar"/>
	<div class="table">
		<img src="../../style/img/bg-th-left.gif" width="8" height="7" alt="" class="left" />
		<img src="../../style/img/bg-th-right.gif" width="7" height="7" alt="" class="right" />
		<table id="goods-type-list" class="listing form" cellpadding="0" cellspacing="0">
			<tr>
				<th class="first">一级分类</th>
				<th>二级分类</th>
				<th class="last">商品列表</th>
			</tr>
			<tr class="list">
				<td>
					<div>
					<ul id="merchandise_subdivision_one">
						<li oneTypeId="1"><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>手机</b><i>手机的描述</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>笔记本</b><i>笔记本的描述</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>数码相机</b><i>数码相机的描述</i></span></li>
						<li><span class="nonce"><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>显示器</b><i>显示器是计算机的输出设配</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/><b>XXXXXXXX</b><i>yyyyyyyyyyyy</i></span></li>
					</ul>
					</div>
				</td>
				<td>
					<div>
					<ul id="merchandise_subdivision_two">
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/>三星<i>三星集团是韩国最大的企业集团</i></span></li>
						<li><span class="nonce"><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/>DELL<i>戴尔公司于1984年由迈克尔•戴尔创立</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/>HP<i>HP来源于惠普两位创始人的姓氏</i></span></li>
						<li><span><img class="delete" alt="删除" title="删除" src="../../style/img/hr.gif"/><img class="edit" alt="编辑" title="编辑" src="../../style/img/edit-icon.gif"/>飞利浦<i>荷兰皇家菲利浦电子公司</i></span></li>
					</ul>
					</div>
				</td>
				<td>
					<div>
					<ul id="merchandise">
						<li><span><a href="../goods/goods.html">Dell S2009WFP 20" 高清宽屏LCD显示器 (S14S2009WCN)</a></span></li>
						<li><span><a href="../goods/goods.html">Dell SP2309WFP 23" TrueLife 全高清LCD显示器 (S14SP2309WCN)</a></span></li>
						<li><span><a href="../goods/goods.html">Dell G2410 24"全高清宽屏LED显示器 (S14G2410CN)</a></span></li>
						<li><span><a href="../goods/goods.html">Dell UltraSharp 2408WFP 24英寸宽屏液晶显示器</a></span></li>
						<li><span><a href="../goods/goods.html">Dell G2410 24英寸LED宽屏液晶显示器</a></span></li>
					</ul>
					</div>
				</td>
			</tr>
			<tr class="operate">
				<td>
					<table>
						<tr>
							<td>类别名称</td>
							<td><input type="text" class="text" value=""/></td>
						</tr>
						<tr>
							<td>类别描述</td>
							<td><input type="text" class="text" value=""/></td>
						</tr>
						<tr>
							<td> </td>
							<td>
								<input type="button" class="button" value="新建"/>
							</td>
						</tr>
					</table>
				</td>
				<td>
					<table>
						<tr>
							<td>类别名称</td>
							<td><input type="text" class="text" value=""/></td>
						</tr>
						<tr>
							<td>类别描述</td>
							<td><input type="text" class="text" value=""/></td>
						</tr>
						<tr>
							<td> </td>
							<td>
								<input type="button" class="button" value="新建"/>
							</td>
						</tr>
					</table>
				</td>
				<td>&nbsp;<!--input type="button" class="button-two" value="添加商品"/--></td>
			</tr>
		</table>
		<!--div class="work">
			<input type="button" class="button" value="返回"/>
			<input type="button" class="button" value="保存"/>
		</div-->
	</div>
    <div id="dialog" title="警告">
		<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>你确定要删除么？</p>
	</div>
</body>
</html>
